会了这一招,你就有无穷尽的构图形式!
作为培训机构,我们说自己的学员被构图法则禁锢思维这件事,可能会让人对我们的教学品质产生负面印象。但通过这些年的教学经验来说,构图确实是对于很多同学来说是一大难题。而我也总结出一个相对容易理解的构图方法——矩形构图法则,这个方法会帮你打破那些陈旧的思维逻辑,建立新的构图秩序,可以说如果你学会了这套方法,你会有无穷尽的构图思路。相信今天的内容会对你有所帮助。
常规我们认知的构图基本是以下这几种:居中构图、压住四角构图、全包围构图、半包围构图、上中下构图、左中右构图...等等,这些构图形式是不错的,甚至也有实用性,只不过它更趋向于片面的总结一些元素位置,实际操作起来会难以灵活多变,所以我们必须要掌握一些实际的方法。
这种经验方法主要特点是利用辅助线,解析出版面的构图趋势,由于大多数情况下,它看起来是大大小小的矩形方块,所以我们会很形象的称它为“矩形结构”,其实这并非业内通用的专业术语,而是只有在研森的教学体系下,才总结出的名词叫法。
上面这些优秀作品,版面中每一组文字或每一组图像,都可以看做是一个矩形块,按照这个思维逻辑,就可以将版面解构出一些矩形,而矩形结构被解构出来后,就相当于一个框架模板,我们可以在这个基础上延展出多种风格各异,看起来变化丰富的版面构图。接下来,我们选择一个海报的矩形结构作为范例为大家讲解。
设计作品
矩形解构
以上就是针对这个版面,我们所解析出的矩形结构,这个过程其实并非只有一个标准答案,在解构时,只需要符合你对这个版面构成的大体认知即可。
得到了矩形结构后,我们还需要一个规范的步骤,也就是利用图中灰色的线条,对刚刚的矩形结构做均等的分割处理。因为这样做有利于我们接下来的延展给画面元素更多位置参考。
当我们得到了一个版面的矩形结构之后,也就代表着,我们拥有了一套可以延展出多种版式构图的基础框架。为了让大家理解矩形构图的妙用,我们用同一个矩形结构,设计5个案例,来给你具体讲解。
以下案例均使用这套矩形结构
根据文案,我们可以了解到,这是一个影像展,根据内容我们设计一个海报。
首先将标题编排成一个文字组合
接着将编排好的文字组置于矩形结构中。
标题组置入矩形结构,如果严丝合缝和矩形结构契合,那标题所占的面积会太大,所以我们可以根据灰色的网格线,适当缩小标题组。这时又出现一个问题,标题的断行节奏感不够美观,结合版面中的网格错开编排标题和英文的位置,使其产生一定的节奏感,英文缩小可占据网格的二分之一处。
接着将展览时间和装饰英文放在标题对角的矩形中,我们看到这个格式就已经知道这是关于日期的信息。所以我们省略掉展览日期的字样,并适当放大日期。
将剩余的文字信息编排在下方板块中,拉开两段文字的间距,并用横线区隔开,调整提点式文字的排列方式。
依据矩形结构将照片填补到版面的负空间,并调整照片的不透明度,使其不影响文字识别。一张海报就完成了。
这是一套地质灾害防止指南的书籍附带的海报文案,我们该如何设计呢?
依据矩形结构,将所有内容放置在版面中,但如果仅仅是这样,会显得平平无奇。
版面中的图表数据很重要,所以将图表数据内容放在版面正中间,并适当放大。周围的负空间,我们就可以按照矩形结构去填充。
将主要文字放大,围绕图表编排,可以看到左边汉字部分是超越出矩形结构的,但它也不是完全没有依据,它占据了隐形网格的一半。
在左上角空白处填补副标题内容,这样上方空间就更加规整,包围式的结构形成了一个“闭环”。
接着处理下方版面,依据矩形结构,将介绍文字进行段落区分,并用横线加以区隔,在左侧板块中放入人名信息,并竖向编排,在右侧板块中将出版社和英文拆分开。这样下方板块也编排好了。
最后改变海报的配色,并依据网格在空白处加入装饰元素,这样一张海报就完成了。
这是一套男装服饰的设计文案,同样利用矩形结构的构图形式去设计。
我们根据主题和照片气质挑选适合的字体:
设计出三个标题组合,构成形式是一致的,但是字体选择方面需要思考了,我们可以复习一遍,之前订阅号中讲过的相关知识。
首先从男性特征考虑,我们可以选择笔画硬朗的无衬线配黑体,其次从字体搭配的角度考虑,第二组和第三组都出现视觉上很混乱的感受,所以对比之下,第一组是最适合的。
首先将人物置于图中,我们提取人物服装的颜色作为背景色。根据矩形结构,将设计好的标题组合置入右上角板块中,放大英文的面积,让它和人物形成一个图叠字的形式。
在右下角的矩形内,安置次要信息,高度上可与矩形结构对齐,纵向上,放大下方信息,占据网格一半,并用横线分隔。
图表类信息可放置在左侧矩形单元型内,在余下留白处加入元素进行点缀,到这就可以了。
最后,吸取人物衣服的金色,改变部分字体的颜色,呼应主体,并为英文添加肌理,增加层次感和氛围感。这样一张海报就完成了。
给这款婴儿车设计一个商业宣传海报。
首先将产品主体置入矩形结构中,可以发现即使放在最大的矩形框内,产品对于版面来说,也显得很小,那我们就可以“跨越”矩形框,这也是矩形构图的灵活之处,不仅给你位置的参考,也会给你大小的依据。
在下面的矩形结构中放入标题和其他文字信息,为了突出海报属性,适当放大产品名称及价格,位置上可以按照矩形结构去编排,其他文字填补负空间,并用横线进行装饰。
接着处理左侧的矩形空间,可以在空间内编排产品说明文字,同时为了趣味性,我们可以加一个婴儿的小图标进行点缀。
上方主体周围空间显得很空,我们可以给它添加一组文字背景,做个图叠字的形式。但是由于主体是不规则形状,这样叠压之后它们之间的负空间反而显得琐碎。
可以按照婴儿车的动势调整文字方向,这样主体空间会更加饱满,画面也更具动感。
最后吸取产品图中的红色,改变部分文字颜色,使版面层次更丰富。这样一张海报就完成了。
这是一个书封的文案,前面我们设计的都是海报,殊不知矩形结构在书封上同样可以应用。
根据矩形结构,搭建构图,将英文放大放在上方空间。其余信息安置在下方矩形内。
依据矩形结构和网格可以将下方空间分为左右两部分,左侧板块放次要信息,右侧放重要的介绍信息。
先处理右侧板块,整体我想要两端对齐,所以先拉大书名的字距,在中间加竖线作为连接。
数字作为画面中的重要信息,我们可以给它提取出来,设计出两个模块。改变副标题的字体,字型混搭的形式制造对比和冲突感,让下方组合更具变化性。
左侧的矩形内不够饱满,放大英文占据一定的面积,与图像之间整体也呈现两端对齐的趋势。
书封内容是介绍杨振宁的传奇故事,我们可以从他出发,去寻找设计元素,通过查找资料,我们了解到这位伟大的物理学家有一项举世闻名的研究成果。
一个旋转的原子核的镜像旋转的方向跟它本身旋转方向是相反的。物理学家们约定,左手顺着旋转的方向,大拇指的方向就是原子核旋转的方向,所以,如箭头所示,静止外面的原子核旋转方向向上,而镜子里面的向下。
虽然可能你不太了解这么复杂的物理知识,但是通过观察这个图,我们可以从中抽象出两个几何图形。将提取出来的几何图形填充在主体的位置,呼应主题。
以上五个案例都是通过一套矩形结构来作为构图的基础,进行设计的,可以发现利用矩形结构去安置元素位置是非常灵活多变的。无论你是设计海报或是书封,甚至是包装设计、电商设计、导视设计等,矩形结构都会非常适用。
当我们通过不断对矩形结构举一反三加深学习效果,随着优秀作品观摩增加、领悟的增多,也会对设计产生新的认知,也就是我们所说的“高级借鉴”,对设计的理解会变得更丰富、深刻、多元。达到“看山不是山”的认知境界。
为什么我会说当你深谙矩形构图的奥秘之后,你会有无穷尽的构图形式呢?
是因为优秀作品是无穷尽的,我们可以通过解构优秀作品的矩形结构,得到非常多的构图模块,并且每一套模块还会产出不止一个的版式设计形式。所以可想而知,当你真正理解矩形构图后,你就不会再被构图所困了!
本期内容就到这,如果你觉得本篇内容对你有帮助,那就请点个赞吧。
往期相关文章推荐
由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。